@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dt,dd,ul,ol,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.hide{ display: none; }
body,html{ width:100%; height:100%; font-family:"微软雅黑"; font-size:14px; color:#333;}
input{ -webkit-appearance:none;}
select{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#666;} 
input:-moz-placeholder, textarea:-moz-placeholder{ color:#666;} 
input::-moz-placeholder, textarea::-moz-placeholder{ color:#666;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#666;}

@keyframes lefteaseinAnimate{
    0%{ transform:translateX(-2000px); opacity:0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform:translateX(0px); opacity:1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@keyframes righteaseinAnimate{
    0%{ transform:translateX(2000px); opacity:0;}  
    100%{ transform:translateX(0px); opacity:1;} 
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}

/*header*/
.header{ width:100%; height:81px; background-image:url(../images/nav_03.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0; z-index:999;}
.header.bg{ background-color:rgba(0,0,0,0.7); background-image:none; position:fixed;}
.header .head{ width:1150px; margin:auto; height:81px;}
.header .head .logo{ height:51px; overflow:hidden; 
	padding-top:15px;animation:lefteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:lefteaseinAnimate 1.5s ease 1;
    -ms-animation:lefteaseinAnimate 1.5s ease 1;
    -o-animation:lefteaseinAnimate 1.5s ease 1;
    -moz-animation:lefteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards; 
}
.header .head .logo img{ display:block; height:51px;}
.header .head .nav{ display:block; float:right; height:81px;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards; 
}
.header .head .nav li{ display:block; float:left; height:81px; overflow:hidden; margin-left:20px; line-height:80px; font-size:16px; color:#fff;}
.header .head .nav li a{ display:block; height:80px; line-height:80px; font-size:16px; color:#fff;}
.header .head .nav li a:hover{ border-bottom:1px solid #fbd04d; color:#fbd04d;}
.header .head .nav li:last-child a{ display:inline; border-bottom:none !important;}

/*banner*/
#full-screen-slider{ width:100%; height:100%; position:relative; overflow:hidden;}
#full-screen-slider .bd{ width:100%; height:100%;}
#full-screen-slider #slides{ display:block; width:100% !important; height:100% !important; position:relative; overflow:hidden;}
#full-screen-slider #slides li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
#full-screen-slider .hd{ width:100%; height:35px; display:block; position:absolute; left:0; bottom:0; z-index:11; text-align:center;}
#full-screen-slider .hd li{ display:inline-block; margin:0 5px; width:10px; height:10px; border:1px solid #fff; border-radius:10px; cursor:pointer;}
#full-screen-slider .hd li.on{ border:1px solid #007bbb; background-color:#007bbb;}

.titles{ width:1150px; margin:auto; text-align:center;}
.titles span{ display:block; height:28px; font-size:18px; line-height:28px; overflow:hidden; text-transform:uppercase; color:#333;}
.titles p{ display:block; height:40px; font-size:30px; line-height:40px; overflow:hidden; color:#007bbb; font-weight:bold;}
.titles b{ width:50px; height:2px; display:block; margin:10px auto; margin-bottom:0; background-color:#333; overflow:hidden;}

/*领航*/
.dbox{ width:100%; padding-top:45px;}
.dbox .box{ width:100%; background-image:url(../images/lh_06.jpg); background-position:center bottom; background-repeat:no-repeat; background-attachment:fixed; margin-top:30px;}
.dbox .box div{ width:100%; padding-top:50px; padding-bottom:45px; background-color:rgba(0,0,0,0.8);}
.dbox .box div .list{ width:1146px; display:block; margin:auto;}
.dbox .box div .list li{ width:382px; display:block; float:left; text-align:center;}
.dbox .box div .list li strong{ display:block; height:80px; width:100%; overflow:hidden;}
.dbox .box div .list li strong img{ display:block; height:80px; margin:auto;}
.dbox .box div .list li span{ width:100%; display:block; color:#fff; padding-top:6px; line-height:86px; height:86px; font-size:20px;}
.dbox .box div .list li span a{ color:#007bbb; font-size:48px;}
.dbox .box div .list li p{ width:200px; display:block; margin:auto; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#fff;}

/*优势*/
.ybox{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../images/bg_17.jpg); background-position:top left; background-repeat:repeat;}
.ybox .box{ width:1150px; margin:auto;}
.ybox .box ul{ width:1170px; display:block; padding-top:10px;}
.ybox .box ul li{ width:272.5px; height:200px; display:block; float:left; overflow:hidden; margin-top:20px; margin-right:20px;}
.ybox .box ul li a{ width:100%; height:200px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.ybox .box ul li .tu{ width:100%; height:200px; display:flex; align-items:center; position:relative;}
.ybox .box ul li .tu img{ max-width:240px; max-height:160px; display:block; margin:auto;}
.ybox .box ul li .tu span{ width:100%; display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; overflow:hidden; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; padding:0 20px; box-sizing:border-box;}
.ybox .box ul li .wen{ width:100%; height:200px; position:relative; text-align:center; background-color:rgba(0,0,0,0.7); padding:0 20px; box-sizing:border-box;}
.ybox .box ul li .wen strong{ width:100%; height:70px; display:block; padding-top:12px;}
.ybox .box ul li .wen strong img{ display:block; height:70px; margin:auto;}
.ybox .box ul li .wen span{ width:100%; display:block; padding-top:8px; height:28px; line-height:28px; font-size:18px; color:#fff; overflow:hidden;}
.ybox .box ul li .wen p{ width:234px; margin:auto; display:block; height:72px; line-height:24px; font-size:14px; color:#fff; overflow:hidden;}
.ybox .box ul li:hover .wen{ position:absolute; left:0; bottom:0;}
.ybox .box ul li:hover .tu span{ display:none;}

/*简介*/
.abox{ width:100%; padding-top:45px; padding-bottom:50px;}
.abox .box{ width:1150px; margin:auto; margin-top:30px;}
.abox .box .right{ width:630px; height:400px; display:block; overflow:hidden;}
.abox .box .right li{ width:200px; margin-left:10px; height:400px; display:block; overflow:hidden; position:relative; float:left;}
.abox .box .right li strong{ width:100%; height:400px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 100%; position:relative;}
.abox .box .right li strong span{ width:100%; height:400px; display:block; overflow:hidden; background-image:url(../images/am_20.png); background-repeat:no-repeat; background-position:center bottom; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
.abox .box .right li strong p{ width:100%; height:400px; display:block; overflow:hidden; background-image:url(../images/amh_18.png); background-repeat:no-repeat; background-position:center bottom; position:absolute; left:0; top:0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity:0; filter: alpha(opacity=0);}
.abox .box .right li a{ width:100%; height:62px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; transition: height 1s; -moz-transition: height 1s; -webkit-transition: height 1s; -o-transition: height 1s;}
.abox .box .right li a b{ width:50px; margin:auto; display:none; height:76px; overflow:hidden;}
.abox .box .right li a b img{ width:100%; display:block;}
.abox .box .right li a span{ display:block; width:100%; height:24px; line-height:24px; text-align:center; color:#fff; font-size:16px;}
.abox .box .right li a p{ display:block; width:100%; height:20px; line-height:20px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}
.abox .box .right li:hover strong span{ opacity:0; filter: alpha(opacity=0);}
.abox .box .right li:hover strong p{ opacity:1; filter: alpha(opacity=100);}
.abox .box .right li:hover a{ height:258px;}
.abox .box .right li:hover a b{ display:block;}

.abox .box .TB-focus{ width:520px; height:400px; overflow:hidden; position:relative; background-image:url(../images/bg_37.jpg); background-position:left top; background-repeat:repeat;}
.abox .box .TB-focus .bd{ width:460px; height:340px; margin:auto; margin-top:30px; overflow:hidden;}
.abox .box .TB-focus .bd li{ width:460px; height:340px; display:block; overflow:hidden;}
.abox .box .TB-focus .bd li .biao{ width:430px; padding-left:30px; padding-top:15px; height:85px; background-image:url(../images/ab_41.png); background-position:left center; background-repeat:no-repeat;}
.abox .box .TB-focus .bd li .biao span{ width:100%; display:block; overflow:hidden; height:28px; line-height:28px; font-size:20px;}
.abox .box .TB-focus .bd li .biao p{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:14px; color:#666;}
.abox .box .TB-focus .bd li .wen{ width:100%; font-size:14px; line-height:24px; height:168px; padding-top:16px;}
.abox .box .TB-focus .bd li .more{ width:128px; height:34px; border:1px solid #cacaca; margin-top:20px;}
.abox .box .TB-focus .bd li .more a{ width:100%; height:34px; display:block; text-align:center; line-height:34px; font-size:14px;}
.abox .box .TB-focus .hd{ width:60px; height:10px; position:absolute; right:30px; bottom:30px; overflow:hidden; z-index:99;}
.abox .box .TB-focus .hd li{ width:8px; height:8px; display:block; float:left; margin-left:10px; border:1px solid #333; border-radius:10px; cursor:pointer;}
.abox .box .TB-focus .hd li.on{ background-color:#333;}

/*园区*/
.qbox{ width:100%; padding-top:45px; background-image:url(../images/gk_01.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.qbox:before{ width:100%; height:100%; display:block; content:""; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.qbox:after{ width:100%; height:150px; display:block; content:""; position:absolute; left:0; bottom:0; background-color:#ffffff; z-index:1;}
.qbox .titles{ position:relative; z-index:3;}
.qbox .titles span{ color:#fff;}
.qbox .titles p{ color:#fff;}
.qbox .titles b{ background-color:#fbd04d;}
.qbox .box{ width:100%; margin-top:30px; position:relative; z-index:3;}
.qbox .box .focusBox{ width:1150px; margin:auto; height:383px; position:relative; background-color:#f1f1f1;}
.qbox .box .focusBox .pic{ width:1150px; height:383px; display:block; overflow:hidden;}
.qbox .box .focusBox .pic li{ width:1150px; height:383px; display:block; float:left; overflow:hidden;}
.qbox .box .focusBox .pic li .tu{ width:560px; height:383px; overflow:hidden;}
.qbox .box .focusBox .pic li .tu img{ width:100%; display:block;}
.qbox .box .focusBox .pic li .wen{ width:530px; padding:47px 30px; overflow:hidden;}
.qbox .box .focusBox .pic li .wen .biao{ width:100%;}
.qbox .box .focusBox .pic li .wen .biao span{ display:block; height:24px; line-height:24px; font-size:20px; overflow:hidden;}
.qbox .box .focusBox .pic li .wen .biao p{ display:block; height:26px; line-height:26px; font-size:14px; color:#666; text-transform:uppercase; overflow:hidden;}
.qbox .box .focusBox .pic li .wen .wz{ width:100%; font-size:14px; line-height:24px; height:144px; padding-top:17px;}
.qbox .box .focusBox .pic li .wen .more{ width:128px; height:34px; border:1px solid #cacaca; margin-top:25px;}
.qbox .box .focusBox .pic li .wen .more a{ width:100%; height:34px; display:block; text-align:center; line-height:34px; font-size:14px;}
.qbox .box .focusBox .hd{ width:60px; height:10px; position:absolute; right:30px; bottom:30px; overflow:hidden; z-index:99;}
.qbox .box .focusBox .hd li{ width:8px; height:8px; display:block; float:left; margin-left:10px; border:1px solid #333; border-radius:10px; cursor:pointer;}
.qbox .box .focusBox .hd li.on{ background-color:#333;}

/*配套服务*/
.pbox{ width:1150px; margin:50px auto; margin-top:45px;}
.pbox .picScroll{ width:1150px;}
.pbox .picScroll .bd{ width:100%; padding-bottom:10px; position:relative; height:380px;}
.pbox .picScroll .bd .prev{ width:28px; height:52px; display:block; position:absolute; cursor:pointer; left:0; top:50%; margin-top:-26px;}
.pbox .picScroll .bd .next{ width:28px; height:52px; display:block; position:absolute; cursor:pointer; right:0; top:50%; margin-top:-26px;}
.pbox .picScroll .scrollWrap{ width:1044px; margin:auto; height:380px;}
.pbox .picScroll .scrollWrap li{ width:306px; height:378px; border:1px solid #dcdcdc; display:block; float:left; margin:0 20px; overflow:hidden;}
.pbox .picScroll .scrollWrap li strong{ width:166px; height:166px; display:block; margin:auto; margin-top:30px; border-radius:100px; overflow:hidden;}
.pbox .picScroll .scrollWrap li strong img{ height:166px; display:block;}
.pbox .picScroll .scrollWrap li span{ width:238px; height:30px; line-height:30px; font-size:16px; display:block; margin:auto; margin-top:12px; text-align:center; overflow:hidden;}
.pbox .picScroll .scrollWrap li p{ width:238px; height:60px; line-height:30px; font-size:14px; display:block; margin:auto; text-align:center; overflow:hidden;}
.pbox .picScroll .scrollWrap li b{ font-weight:normal; width:120px; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:#007bbb; display:block; margin:auto; margin-top:12px; text-align:center; overflow:hidden; border-radius:5px;}
.pbox .picScroll .scrollWrap li:hover{ background-image:url(../images/bg_47.jpg); background-position:top left; background-repeat:repeat;}
.pbox .picScroll .scrollWrap li:hover span{ color:#fff;}
.pbox .picScroll .scrollWrap li:hover p{ color:#fff;}
.pbox .picScroll .scrollWrap li:hover b{ color:#007bbb; background-color:#fff;}

#tab{ width:1150px; margin:auto; margin-top:30px; overflow:hidden;}
#tab .tab_menu{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin:auto; overflow:hidden;}
#tab .tab_menu li{ display:block; padding:0 20px; height:36px; margin:0 10px; line-height:36px; text-align:center; font-size:16px; cursor:pointer; background-color:#ddd;}
#tab .tab_menu li.selected{ background-color:#007bbb; color:#fff;}
#tab .tab_box{ width:100%; margin-top:30px;}

/*园区鉴赏*/
.jbox{ width:100%; padding-bottom:50px; padding-top:45px; background-color:#f1f1f1;}
.jbox .box{ width:1150px; margin:auto;}
.jbox .box ul{ width:1170px; display:block; padding-top:10px;}
.jbox .box ul li{ width:272.5px; height:190px; display:block; float:left; overflow:hidden; margin-top:20px; margin-right:20px;}
.jbox .box ul li a{ width:100%; height:190px; display:block; float:left; overflow:hidden; position:relative;}
.jbox .box ul li .tu{ width:100%; height:190px; position:relative;}
.jbox .box ul li .tu img{ width:100%; display:block;}
.jbox .box ul li .tu span{ width:100%; display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; overflow:hidden; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; padding:0 20px; box-sizing:border-box;}
.jbox .box ul li .wen{ width:100%; height:190px; position:relative; text-align:center; background-color:rgba(0,0,0,0.7); display:flex; justify-content:center; flex-direction:column; align-items:center;}
.jbox .box ul li .wen span{ width:234px; line-height:26px; font-size:16px; color:#fff; overflow:hidden;}
.jbox .box ul li .wen p{ width:234px; display:block; max-height:24px; line-height:24px; font-size:14px; color:#fff; overflow:hidden;}
.jbox .box ul li:hover .wen{ position:absolute; left:0; bottom:0;}
.jbox .box ul li:hover .tu span{ display:none;}

/*新闻*/
.nbox{ width:1150px; margin:50px auto; margin-top:45px;}
.nbox .p03{ width:1150px; margin:30px auto;}
.nbox .p03 .bd{ width:100%; position:relative; height:460px;}
.nbox .p03 .bd .prev{ width:50px; height:110px; display:block; position:absolute; cursor:pointer; left:0; top:50%; margin-top:-55px; z-index:99;}
.nbox .p03 .bd .next{ width:50px; height:110px; display:block; position:absolute; cursor:pointer; right:0; top:50%; margin-top:-55px; z-index:99;}
.nbox .p03 .scrollWrap{ width:1150px; margin:auto; height:460px;}
.nbox .p03 .scrollWrap li{ width:370px; height:530px; background-color:#f6f6f6; display:block; float:left; margin-right:20px; overflow:hidden;}
.nbox .p03 .scrollWrap li .tu{ width:100%; height:310px;}
.nbox .p03 .scrollWrap li .tu img{ width:100%; display:block;}
.nbox .p03 .scrollWrap li .box{ width:330px; padding:0 20px; height:220px; text-align:center;}
.nbox .p03 .scrollWrap li .box span{ height:40px; line-height:40px; font-size:18px; display:block; overflow:hidden; margin-top:32px;}
.nbox .p03 .scrollWrap li .box strong{ font-weight:normal; height:22px; line-height:22px; font-size:16px; color:#666; display:block; overflow:hidden; margin-top:15px;}
.nbox .p03 .scrollWrap li .box p{ font-size:14px; display:block; overflow:hidden; line-height:24px; height:72px; color:#f6f6f6; margin-top:11px;}
.nbox .p03 .scrollWrap li .box b{ width:32px; display:block; margin:auto; margin-top:20px;}
.nbox .p03 .scrollWrap li:hover{ margin-top:-60px; background-color:#007bbb;}
.nbox .p03 .scrollWrap li:hover .box span{ color:#fff; height:30px; line-height:30px; margin-top:13px;}
.nbox .p03 .scrollWrap li:hover .box span a{ color:#fff;}
.nbox .p03 .scrollWrap li:hover .box strong{ color:#fff; margin-top:0;}
.nbox .more{ width:128px; height:34px; border:1px solid #cacaca; margin:auto;}
.nbox .more a{ width:100%; height:34px; display:block; text-align:center; line-height:34px; font-size:14px;}
.nbox .more:hover{ border:1px solid #007bbb;}
.nbox .more a:hover{ color:#007bbb;}

/*合作*/
.hbox{ width:100%; padding-bottom:50px; padding-top:45px; background-color:#f1f1f1;}
.hbox .p04{ width:1150px; margin:50px auto; height:256px; position:relative;}
.hbox .p04 .bd{ width:100%; position:relative; height:256px;}
.hbox .p04 .bd .prev{ width:50px; height:36px; display:block; position:absolute; cursor:pointer; left:450px; bottom:-86px; z-index:99;}
.hbox .p04 .bd .next{ width:50px; height:36px; display:block; position:absolute; cursor:pointer; right:450px; bottom:-86px; z-index:99;}
.hbox .p04 .scrollWrap{ width:1150px; margin:auto; height:256px;}
.hbox .p04 .scrollWrap li{ width:200px; height:256px; display:block; float:left; margin-right:37.5px; overflow:hidden;}
.hbox .p04 .scrollWrap li strong{ width:198px; height:198px; display:block; margin:auto; text-align:center; vertical-align:middle; background-color:#fff; border-radius:200px; border:1px solid #cacaca; overflow:hidden;}
.hbox .p04 .scrollWrap li strong img{ max-width:100%; max-height:198px; margin:auto; text-align:center; vertical-align:middle;}
.hbox .p04 .scrollWrap li span{ width:200px; border-bottom:1px solid #cacaca; display:block; text-align:center; height:55px; line-height:55px; font-size:16px; overflow:hidden;}
.hbox .p04 .scrollWrap li:hover strong{ border:1px solid #007bbb;}
.hbox .p04 .scrollWrap li:hover span{ border-bottom:1px solid #007bbb; color:#007bbb;}
.hbox .more{ width:128px; height:34px; border:1px solid #cacaca; margin:auto;}
.hbox .more a{ width:100%; height:34px; display:block; text-align:center; line-height:34px; font-size:14px;}
.hbox .more:hover{ border:1px solid #007bbb;}
.hbox .more a:hover{ color:#007bbb;}

/*footer*/
.footer{ width:100%; padding:50px 0; background-color:#444;}
.footer .foot{ width:1150px; margin:auto; height:240px;}
.footer .foot .f01{ width:280px; height:172px; padding:34px 0; overflow:hidden;}
.footer .foot .f01 img{ height:172px; display:block;}
.footer .foot .f02{ width:450px; height:240px; padding-left:50px; overflow:hidden; border-left:1px solid #585858;}
.footer .foot .f02 li{ margin-bottom:35px; display:block; width:100%;}
.footer .foot .f02 li>span{ display:block; height:18px; line-height:18px; font-size:18px; color:#fff; overflow:hidden; margin-bottom:14px;}
.footer .foot .f02 li p{ display:block; line-height:24px; font-size:14px; overflow:hidden;}
.footer .foot .f02 li p a{ color:#999; display:block; height:24px; overflow:hidden; float:left; margin-right:20px;}
.footer .foot .f02 li p a:hover{ color:#fff;}
.footer .foot .f02 li div{ color:#999; line-height:24px; font-size:14px; overflow:hidden;}
.footer .foot .f02 li div a{ color:#999;}
.footer .foot .f03{ width:318px; height:240px; padding-left:50px; overflow:hidden; border-left:1px solid #585858;}
.footer .foot .f03 li{ display:block; width:100%; height:110px; margin-bottom:20px; overflow:hidden;}
.footer .foot .f03 li strong{ width:110px; height:110px; display:block; float:left; overflow:hidden;}
.footer .foot .f03 li strong img{ width:100%; display:block;}
.footer .foot .f03 li p{ width:198px; height:110px; margin-left:10px; display:block; float:left; overflow:hidden;}
.footer .foot .f03 li p span{ padding-top:3px; display:block; font-size:17px; line-height:46px; height:46px; overflow:hidden; color:#fff;}
.footer .foot .f03 li p a{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#999;}

/*内页*/
.banner{ width:100%; height:460px; position:relative; z-index:-1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner p{ width:1920px; height:38px; position:absolute; right:50%; margin-right:-960px; bottom:0;}
.banner p b{ height:5px; background-color:#fbd04d; width:600px; display:block; float:right; margin-top:33px;}
.banner p span{ height:38px; line-height:38px; font-size:50px; text-transform:uppercase; color:#fff; display:block; float:right;}

.main{ width:1150px; margin:auto; margin-top:-60px; padding-bottom:50px;}
.main .lbar{ width:240px; float:left;}
.main .lbar .sav{ width:100%;}
.main .lbar .sav p{ display:block; width:100%; overflow:hidden;}
.main .lbar .sav p img{ width:100%; display:block;}
.main .lbar .sav .ce{ width:100%; display:block; overflow:hidden;}
.main .lbar .sav .ce li{ width:238px; border:1px solid #cacaca; border-top:none; display:block;}
.main .lbar .sav .ce li a{ width:100%; height:44px; line-height:44px; position:relative; display:block; overflow:hidden; cursor:pointer;}
.main .lbar .sav .ce li a b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; z-index:0;}
.main .lbar .sav .ce li a strong{ display:block; width:calc(100% - 38px); position:absolute; left:19px; top:0; z-index:11; font-size:16px;}
.main .lbar .sav .ce li:hover a strong{ color:#007bbb !important;}
.main .lbar .sav .ce li a.xz strong{ color:#007bbb !important;}
.main .lbar .sav .ce li a.on strong{ color:#007bbb !important;}
.main .lbar .sav .ce li:hover a b{ width:238px;}
.main .lbar .sav .ce li a.xz b{ width:238px;}
.main .lbar .sav .ce li a.on b{ width:238px;}
.main .lbar .sav .ce li .er{ display:none; width:100%; overflow:hidden;}
.main .lbar .sav .ce li .er li{ display:block; padding-left:30px; padding-right:10px; height:44px; border:none; border-top:1px solid #cacaca; overflow:hidden; font-size:14px; line-height:44px; width:calc(100% - 40px);}
.main .lbar .sav .ce li .er li a:hover,.main .lbar .sav .ce li .er li.cur a{ color:#007bbb !important;}

.main .lbar .an{ width:100%; margin-top:20px;}
.main .lbar .an ul{ width:249px; display:block; overflow:hidden;}
.main .lbar .an ul li{ width:74px; margin-right:9px; display:block; float:left; overflow:hidden;}
.main .lbar .an ul li img{ width:100%; display:block;}

.main .lbar .lian{ width:238px; border:1px solid #cacaca; padding:18px 0; margin-top:20px; text-align:center;}
.main .lbar .lian span{ width:100%; height:42px; line-height:42px; font-size:28px; color:#007bbb; display:block; overflow:hidden;}
.main .lbar .lian p{ width:100%; height:32px; line-height:32px; font-size:14px; color:#999; display:block; overflow:hidden; margin-bottom:18px;}
.main .lbar .lian a{ width:130px; height:36px; display:block; margin:2px auto;}

.main .rbar{ margin-top:66px; float:right; width:880px;}
.main .rbar .title{ width:100%; border-bottom:1px solid #cacaca; padding:10px 0;}
.main .rbar .title span{ height:24px; line-height:24px; float:left; display:block; font-size:18px; color:#007bbb; overflow:hidden;}
.main .rbar .title p{ height:24px; line-height:24px; float:right; text-align:right; display:block; font-size:14px; color:#333; overflow:hidden;}

/*about*/
.rbar .wen{ width:100%; padding-top:20px; font-size:14px; line-height:24px;}
.rbar .wen img{ max-width:100%;}
.rbar .wen iframe{ width:100% !important; height:500px; display:block;}

/*团队*/
.tuan{ width:900px; display:block;}
.tuan li{ width:280px; height:220px; display:block; overflow:hidden; margin-right:20px; margin-top:20px; float:left;}
.tuan li a{ width:100%; height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;}
.tuan li span{ width:94%; padding:0 3%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.tuan li a img{ max-width:100%; max-height:220px; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.tuan li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}


.fanye{ width:100%; text-align:right; margin-top:30px;}
.fanye span{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#007bbb; border:1px solid #007bbb; color:#fff; border-radius:4px;}
.fanye a{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}

/*团队内页*/
.rbar .tou{ text-align:center; font-size:18px; color:#007bbb; line-height:40px; margin-top:2%;}
.rbar .sj{ font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; padding-bottom:1%;}
.rbar .back{ width:100%; margin-top:2%;}
.rbar .back .pre{ width:460px; overflow:hidden;}
.rbar .back .pre p{ height:24px; overflow:hidden; font-size:14px; color:#333; line-height:24px; display:block;}
.rbar .back .pre a:hover{ color:#007bbb;}
.rbar .fh a{ color:#007bbb; font-size:14px;}

.huan{ width:900px; display:block;}
.huan a{ width:280px; height:195px; display:block; overflow:hidden; margin-right:20px; margin-top:20px; float:left; position:relative;}
.huan a p{ width:94%; padding:6px 3%; height:48px; line-height:24px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.huan a p span{ display:block; color:#ddd; line-height:24px; height:24px; overflow:hidden;}
.huan a p span:first-child{ color:#fff;}
.huan a img{ width:100%; display:block;}

/*新闻*/
.news{ width:100%; display:block;}
.news li{ width:100%; padding:20px 0; border-bottom:1px solid #cacaca; display:block; overflow:hidden;}
.news li .tu{ width:240px; height:180px; overflow:hidden;}
.news li .tu img{ width:100%; display:block;}
.news li .wz{ width:620px; padding-top:10px; height:170px; overflow:hidden;}
.news li .wz strong{ display:block; font-weight:normal; height:38px; line-height:38px; font-size:18px; width:100%; overflow:hidden;}
.news li .wz p{ display:block; color:#666; height:72px; line-height:24px; font-size:14px; width:100%; overflow:hidden;}
.news li .wz span{ display:block; height:20px; line-height:20px; font-size:14px; width:100%; overflow:hidden; margin:20px 0;}
.news li .wz span b{ display:block; float:left; color:#999; padding-left:30px; background-image:url(../images/time_07.jpg); background-position:left center; background-repeat:no-repeat; font-weight:normal;}
.news li .wz span a{ display:block; float:right; color:#999; text-decoration:underline; text-transform:uppercase;}
.news li .wz span a:hover,.news li .wz strong a:hover{ color:#007bbb;}

/*招聘*/
.job{ width:100%; display:block;}
.job li{ width:100%; margin-top:20px; display:block; overflow:hidden; padding-top:23px; position:relative;}
.job li a{ display:block; width:320px; margin:auto; height:50px; line-height:50px; font-size:18px; position:absolute; left:280px; top:0; background-color:#cacaca; text-align:center;}
.job li dl{ padding:47px 40px; width:792px; padding-bottom:27px; border:4px solid #cacaca; display:block; display:block; overflow:hidden;}
.job li dl dt{ display:block; float:left; width:120px; font-size:18px; height:30px; line-height:30px;}
.job li dl dd{ display:block; float:left; width:672px; font-size:14px; line-height:30px;}
.job li:hover a{ color:#fff; background-color:#007bbb;}
.job li:hover dl{ border:4px solid #007bbb;}
.job li:hover dl dt{ color:#007bbb;}

/*留言*/
.mess{ width:570px; margin:auto; margin-top:30px;}
.mess p{ width:100%; display:block; margin-top:20px; height:40px; overflow:hidden;}
.mess p input{ padding:0 10px; width:350px; height:40px; line-height:40px; font-size:14px; display:block; float:left; overflow:hidden; background-image:url(../images/inout_03.jpg); background-position:center; background-repeat:no-repeat;}
.mess p a{ height:40px; line-height:40px; font-size:18px; display:block; float:left; margin-left:30px;}
.mess strong{ width:550px; padding:12px 10px; height:216px; display:block; overflow:hidden; background-image:url(../images/text_06.jpg); background-position:top center; background-repeat:no-repeat; font-weight:normal; margin-top:20px;}
.mess textarea{ width:100%; font-size:14px; line-height:24px; height:216px; overflow:auto; background-color:#e5e6e6;}
.mess span{ display:block; margin-top:20px; width:200px; height:54px; overflow:hidden;}
.mess span input{ width:100%; height:54px; line-height:54px; font-size:18px; text-align:center; color:#fff; background-image:url(../images/btn_03.jpg); background-repeat:no-repeat; cursor:pointer;}

/*入住*/
.tuan01{ width:900px; display:block;}
.tuan01 li{ width:203px; height:203px; border:1px solid #cacaca; display:block; overflow:hidden; margin-right:20px; margin-top:20px; float:left;}
.tuan01 li a{ width:100%; height:203px; display:block; position:relative;}
.tuan01 li span{ width:185px; padding:0 10px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:-1px; bottom:-1px;}
.tuan01 li a img{ width:100%; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.tuan01 li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}


/*弹框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

/*qq*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; line-height:24px; font-size:14px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

.ab05{ width:100%; margin-top:20px;}
.ab05 img{ width:100%; display:block;}
.ab06{ width:100%; padding-top:5px;}
.ab06 .bt{ margin-top:25px; border-left:2px solid #007bbb; padding-left:10px;}
.ab06 .bt b{ display:block; font-size:20px; line-height:24px; overflow:hidden;}
.ab06 .bt p{ display:block; font-size:14px; line-height:18px; overflow:hidden; margin-top:5px; color:#007bbb;}
.ab06 .wenw{ font-size:14px; line-height:24px; margin-top:15px;}
.ab07{ width:100%; margin-top:25px;} 
.ab07 .left{ width:310px; float:left;}
.ab07 .left img{ width:100%; display:block;}
.ab07 .right{ width:520px; float:right; margin-top:-25px;}
.ab07 .right .bt{ margin-top:25px; border-left:2px solid #007bbb; padding-left:10px;}
.ab07 .right .bt b{ display:block; font-size:20px; line-height:24px; overflow:hidden;}
.ab07 .right .bt p{ display:block; font-size:14px; line-height:18px; overflow:hidden; margin-top:5px; color:#007bbb;}
.ab07 .right .list{ width:100%; display:block; margin-top:5px;}
.ab07 .right .list li{ display:block; overflow:hidden; margin-top:10px;}
.ab07 .right .list li .t01{ display:block; font-size:16px; line-height:26px; color:#007bbb; padding-left:16px; background: url(../images/li_18.jpg) no-repeat left center;}
.ab07 .right .list li .t02{ display:block; font-size:14px; line-height:24px;}
.ab08{ width:100%; margin-top:30px;} 
.ab08 .bt{ border-left:2px solid #007bbb; padding-left:10px;}
.ab08 .bt b{ display:block; font-size:20px; line-height:24px; overflow:hidden;}
.ab08 .bt p{ display:block; font-size:14px; line-height:18px; overflow:hidden; margin-top:5px; color:#007bbb;}
.ab08 .list{ width:900px; display:block;}
.ab08 .list li{ width:280px; height:182px; overflow:hidden; float:left; display:block; margin-right:20px; margin-top:20px;}
.ab08 .list li img{ width:100%; display:block;}

.tuan1{ width:900px; display:block;}
.tuan1 li{ width:280px; height:220px; display:block; overflow:hidden; margin-right:20px; margin-top:20px; float:left;}
.tuan1 li a{ width:100%; height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;}
.tuan1 li span{ width:94%; padding:0 3%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.tuan1 li a img{ max-width:240px; max-height:180px; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.tuan1 li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}

.rbar .ys{ width:100%; display:block;}
.rbar .ys>li{ width:100%; overflow:hidden; display:block; margin-top:20px;}
.rbar .ys>li .tu{ width:250px; float:left;}
.rbar .ys>li .tu img{ width:100%; display:block;}
.rbar .ys>li .wen{ float:right; width:610px;}
.rbar .ys>li .wen .w01{ font-size:18px; line-height:28px; color:#007bbb; font-weight:bold;}
.rbar .ys>li .wen .w02{ font-size:14px; line-height:24px; margin-top:5px;}

.fw{ width:100%; display:block; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; min-height:600px;}
.fw>li{ width:930px;}
.fw .items{ display:block; width:260px; float:left; overflow:hidden; margin-right:50px; margin-top:240px;}
.fw .items:nth-child(2){ margin-top:130px;}
.fw .items:nth-child(3){ margin-top:70px;}
.fw .items .w01{ display:flex; align-items:center; font-size:18px; line-height:28px; color:#007bbb; font-weight:bold;}
.fw .items .w01 b{ width:10px; height:10px; border-radius:100%; display:block; background-color:#007bbb; margin-right:10px;}
.fw .items .w02{ border-left:1px solid #ddd; margin-left:5px; padding-left:15px; font-size:14px; line-height:24px;}